<html>
<head>
  <title>Market Report</title>
  <style type="text/css">
    body { width: 130px; height: 65px; margin-top: 2px; margin-left: 4px; }
    body, table { font-family: verdana; font-size: 9px; color: #ededed; font-weight: bold; }
    table { width: 122px; margin-bottom: 0px; }
    td { white-space: nowrap; text-align: right; line-height: 11px; }
    .index { text-align: left; }
    #title, #date, a { text-align: center; margin-left: 5px; margin-bottom: 1px; color: #ccc; }
    a { text-decoration: none; }
  </style>
  <script src="json2.js" type="text/javascript"></script>
  <script src="app.js" type="text/javascript"></script>
</head>
<body onload="APP()">
  <div id="content" title="Use your mouse wheel to change background colors">
    <div id="title">
      <a href="http://finance.yahoo.com/" onfocus="blur()" title="http://finance.yahoo.com">Market Report</a></div>
    <table cellpadding="0" cellspacing="0">
      <tr>
        <td class="index">
          Dow
        </td>
        <td id="dji_price">
        </td>
        <td id="dji_change">
        </td>
      </tr>
      <tr>
        <td class="index">
          Nasdaq
        </td>
        <td id="nasdaq_price">
        </td>
        <td id="nasdaq_change">
        </td>
      </tr>
      <tr>
        <td class="index">
          S&amp;P
        </td>
        <td id="sp_price">
        </td>
        <td id="sp_change">
        </td>
      </tr>
    </table>
    <div id="date">
      5/7/2009 - 4:02pm</div>
  </div>
</body>
</html>
